<div class="tools">
    <button type="button" class="btn green" id="excell" onclick="printTable('dataTable')">打印</button>
</div>
<style>
	.title{
        text-align: center;
        font-size: 20px;
    }
    .dataTable{
       position:relative; width: 95%;height: auto;padding:0 10px;
    }
</style>
<div class="dataTable"  id="dataTable" style="margin-top:10px">
<style>
    .title{
        text-align: center;
         font-size: 20px;font-weight: 600;margin: 20px 0;
    }
    .topbox{
        display: flex;align-items: center;
    }
    .topbox .left{flex: 1}
    .topbox .right{flex: 1}
    td{
        height: 26px;line-height: 26px;padding:6px 3px;font-size: 15px; !important;
    }
    .box-table{
        border-collapse:collapse;border:none;
    }
    .box-table td{
        box-sizing: border-box;
        height: 22px;
        line-height: 22px;
    }
    .top-table td{
        text-align: center;
    }
</style>
    <table border="1" class="top-table" cellpadding="15" cellspacing="1" style="width: 100%;padding:15px 0">
      <thead>
        <tr>
			<td colspan="5" class="th-in title" style="text-align: center!important;padding:0">
				<img ng-if="pagedata.basic.dayinlogo" style="height:100px;width:100%" ng-src="{{tomedia(pagedata.basic.dayinlogo)}}"/>
			</td>
            <td colspan="9" class="th-in title" style="text-align: center!important;padding:15px">
               {{pagedata.item.api_data.type==1?'普通空调':'中央空调'}}配置单
            </td>
        </tr>
        </thead>
        <tbody>
        <tr>
			<td style="text-align:center;font-weight: 600">
              T0:
            </td>
			<td style="text-align:center" colspan="6">
              {{pagedata.item.api_data.xmtitle||'天骄城小区号楼单元1楼(双风扇)'}}
            </td>
            <td style="text-align:center;font-weight: 600">
              {{pagedata.item.lounum||'高'}}
            </td>
			<td style="text-align:center" colspan="2">
            </td>
			<td style="text-align:center">
              户型：
            </td>
			<td style="text-align:center;font-weight: 600">
              {{pagedata.item.api_data.huxing||'大平层'}} 
            </td>
			<td style="text-align:center">
              设计负荷：
            </td>
			<td style="text-align:center">
              {{pagedata.item.api_data.onewfee||198}}w/m²
            </td>
        </tr>
        <tr>
            <td style="text-align:center;font-weight: 600">
                AC:
            </td>
			<td style="text-align:center" colspan="2">
                {{pagedata.item.api_data.pinpai||'格力电器'}}
            </td>
            <td style="text-align:center;font-weight: 600" colspan="4">
                {{pagedata.item.api_data.fangan||'标准系列1拖3中央空调方案'}}
            </td>
			<td style="text-align:center" colspan="4">
                室内机参数
            </td>
			<td style="text-align:center" colspan="3">
                方案说明
            </td>
        </tr>
        <tr>
            <td  style="text-align:center;font-weight: 600">序号</td>
			<td  style="text-align:center;font-weight: 600">安装位置</td>
            <td  style="text-align:center;font-weight: 600">房间面积m²</td>
            <td  style="text-align:center;font-weight: 600">选配机型</td>
            <td  style="text-align:center;font-weight: 600">数量</td>
			<td  style="text-align:center;font-weight: 600">价格</td>
			<td  style="text-align:center;font-weight: 600">匹数</td>
            <td  style="text-align:center;font-weight: 600">制冷量(W)</td>
            <td style="text-align:center;font-weight: 600">制冷负荷(w/m²)</td>
			<td style="text-align:center;font-weight: 600">制热量(W)</td>
            <td style="text-align:center;font-weight: 600">制热负荷(w/m²)</td>
            <td style="text-align:center;font-weight: 600">项目</td>
			<td style="text-align:center;font-weight: 600">参数</td>
			<td style="text-align:center;font-weight: 600">备注</td>
        </tr>
        <tr ng-repeat="g in pagedata.item.peigoods">
			<td style="text-align:center" >{{$index+1}}</td>
            <td style="text-align:center" >{{g.title}}</td>
            <td style="text-align:center" >{{g.mianji}}</td>
            <td  style="text-align:center" >{{g.goodssn}}</td>
            <td style="text-align:center">{{g.total||1}}</td>
            <td style="text-align:center">￥{{g.price}}</td>
			<td style="text-align:center">{{g.pi||'*'}}P</td>
            <td style="text-align:center">{{g.wfee}}</td>
			<td style="text-align:center">{{g.onewfee}}</td>
			<td style="text-align:center">{{g.wfee2}}</td>
			<td style="text-align:center">{{g.onewfee2}}</td>
			<td ng-if="$index==0" style="font-weight: 600" rowspan="{{pagedata.item.peigoods.length}}">设计冷负荷:</td>
			<td ng-if="$index==0" style="font-weight: 600" rowspan="{{pagedata.item.peigoods.length}}">{{pagedata.item.allwfee || '0.00'}}</td>
			<td ng-if="$index==0" style="font-weight: 600" rowspan="{{pagedata.item.peigoods.length}}">{{pagedata.item.remark}}</td>
        </tr>
		<tr>
            <td  style="text-align:center;font-weight: 600" colspan="2">空调总面积：</td>
			<td  style="text-align:center;font-weight: 600">{{pagedata.item.goodsmianji||50}}m²</td>
            <td  style="text-align:center;font-weight: 600">室内机总数：</td>
            <td  style="text-align:center;font-weight: 600">{{pagedata.item.peigoods.length}}台</td>
            <td  style="text-align:center;font-weight: 600" >需冷量:</td>
			<td style="text-align:center" colspan="2">{{pagedata.item.allwfee}}</td>
			<td  style="text-align:center;font-weight: 600">需求热量：</td>
            <td style="text-align:center">{{pagedata.item.allwfee2}}</td>
            <td style="text-align:center">{{pagedata.item.allpi||'*'}}P</td>
			<td style="font-weight: 600" rowspan="2">外机拖配率:</td>
			<td style="font-weight: 600" rowspan="2">112.5%</td>
			<td style="font-weight: 600" rowspan="2"></td>
        </tr>
		<tr ng-repeat="g in pagedata.item.waiji">
            <td style="text-align:center;font-weight: 600" colspan="2">室外机型号:</td>
            <td  style="text-align:center" colspan="2">{{g.title}}-{{g.goodssn}}</td>
            <td style="text-align:center">{{g.total||1}}台</td>
            <td style="text-align:center">￥{{g.price}}</td>
			<td  style="text-align:center;font-weight: 600" colspan="2">供冷量:</td>
            <td style="text-align:center">{{g.wfee}}</td>
			<td style="text-align:center;font-weight: 600">输出热量：</td>
			<td style="text-align:center">{{g.wfee2}}</td>
        </tr>
		<tr ng-repeat="g in pagedata.item.kongjian">
            <td style="text-align:center;font-weight: 600" colspan="2">控制器型号:</td>
            <td  style="text-align:center" colspan="2">{{g.title}}-{{g.goodssn}}</td>
            <td style="text-align:center">{{g.total||1}}台</td>
            <td style="text-align:center">￥{{g.price}}</td>
            <td  style="text-align:center;font-weight: 600">按键型:</td>
            <td style="text-align:center">线控器</td>
			<td  style="text-align:center;font-weight: 600">按键型：</td>
			<td style="text-align:center">标配</td>
        </tr>
		<tr>
            <td style="font-weight: 600" colspan="2">增加配置项:</td>
            <td colspan="9" style="font-weight: 600">
                {{pagedata.item.api_data.addpeidesc}}
            </td>
			<td style="font-weight: 600" colspan="2">{{pagedata.item.api_data.addpeifee||0}}</td>
			<td style="font-weight: 600"></td>
        </tr>
        <tr>
            <td style="font-weight: 600" colspan="2">安装服务费:</td>
            <td colspan="9" style="font-weight: 600">
                {{pagedata.item.api_data.anfeedesc||'单管制A级管路安装法:采用中佳R410A专用管、华美环保级防火保温、ABS风口、追加杜邦冷媒、充氮焊接'}}
            </td>
			<td style="font-weight: 600" colspan="2">{{pagedata.item.api_data.anfee||1500}}</td>
			<td style="font-weight: 600"></td>
        </tr>
		<tr>
            <td style="font-weight: 600" colspan="2">项目总造价:</td>
            <td colspan="9" style="font-weight: 600">
                ￥{{pagedata.item.price || '0.00'}}
            </td>
			<td style="font-weight: 600" colspan="3"></td>
        </tr>
		<tr>
            <td style="text-align:center;font-weight: 600" colspan="2">
                订单编号
            </td>
			<td style="text-align:center" colspan="2">
                {{pagedata.item.ordersn}}
            </td>
            <td style="text-align:center;font-weight: 600" colspan="2">
                支付方式
            </td>
			<td style="text-align:center" colspan="2">
                {{check_show_lang(pagedata.item.paytype)}}
            </td>
			<td style="text-align:center;font-weight: 600" colspan="2">
                下单时间
            </td>
			<td style="text-align:center" colspan="4">
                {{check_show_lang(pagedata.item.createtime)}}
            </td>
        </tr>
		<tr>
			<td style="font-weight: 600" colspan="2">
               客户地址
            </td>
			<td colspan="12">
               {{pagedata.item.addressinfo}}
            </td>
        </tr>
		<tr>
			<td colspan="2" rowspan="3" style="text-align: center!important;padding:15px">
				<img ng-if="pagedata.basic.dayinewm" style="height:100px;width:100px;" ng-src="{{tomedia(pagedata.basic.dayinewm)}}"/>
			</td>
            <td colspan="12" style="text-align:left">1：以上报价不包含室内、室外电源、基础及室内机开关线埋管扩槽。</td>
        </tr>
		<tr>
            <td colspan="12" style="text-align:left">2：以上负荷按照夏季制冷、过渡季节辅助制热考虑;如甲方无集中供热，空调需增大匹数。</td>
        </tr>
		<tr>
            <td colspan="12" style="text-align:left">3：此报价不包风道，室外机吊装;如需使用铁架、下出下回风道，另行收费。</td>
        </tr>
        <!--{{check_show_lang(pagedata.item.remark)}}-->
    </table>
	<div style="color:#999;padding:15px;font-size: 13px;">
		打印时间：{{pagedata.datime}}
	</div>
	<div style="position:absolute;bottom:20px;right:60px">
		<img ng-if="pagedata.basic.code" style="height:100px;width:100px;opacity:0.5;" ng-src="{{tomedia(pagedata.basic.code)}}"/>
	</div>
</div>
<script>
//打印表格
var idTmr;
setTimeout(function () {
 //printTable('dataTable')
},500)
    function getExplorer() {
        var explorer = window.navigator.userAgent;
        //ie
        if(explorer.indexOf("MSIE") >= 0) {
            return 'ie';
        }
        //firefox
        else if(explorer.indexOf("Firefox") >= 0) {
            return 'Firefox';
        }
        //Chrome
        else if(explorer.indexOf("Chrome") >= 0) {
            return 'Chrome';
        }
        //Opera
        else if(explorer.indexOf("Opera") >= 0) {
            return 'Opera';
        }
        //Safari
        else if(explorer.indexOf("Safari") >= 0) {
            return 'Safari';
        }
    }
    //打印表格
    function printTable(tableid)
    {
        var tableToPrint = document.getElementById(tableid);//将要被打印的表格
        var newWin= window.open("");//新打开一个空窗口
        newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
        newWin.document.close();//在IE浏览器中使用必须添加这一句
        newWin.focus();//在IE浏览器中使用必须添加这一句
        newWin.print();//打印
        newWin.close();//关闭窗口
    }
    function method5(tableid) {
        if(getExplorer() == 'ie') {
            var curTbl = document.getElementById(tableid);
            var oXL = new ActiveXObject("Excel.Application");
            var oWB = oXL.Workbooks.Add();
            var xlsheet = oWB.Worksheets(1);
            var sel = document.body.createTextRange();
            sel.moveToElementText(curTbl);
            sel.select();
            sel.execCommand("Copy");
            xlsheet.Paste();
            oXL.Visible = true;
            try {
                var fname = oXL.Application.GetSaveAsFilename("Excel.xls",
                    "Excel Spreadsheets (*.xls), *.xls");
            } catch(e) {
                print("Nested catch caught " + e);
            } finally {
                oWB.SaveAs(fname);
                oWB.Close(savechanges = false);
                oXL.Quit();
                oXL = null;
                idTmr = window.setInterval("Cleanup();", 1);
            }
        } else {
            tableToExcel(tableid)
        }
    }
    function Cleanup() {
        window.clearInterval(idTmr);
        CollectGarbage();
    }
    var tableToExcel = (function() {
        var uri = 'data:application/vnd.ms-excel;base64,',
            template = '<html><head><meta charset="UTF-8"></head><body><table  border="1">{table}</table></body></html>',
            base64 = function(
                s) {
                return window.btoa(unescape(encodeURIComponent(s)))
            },
            format = function(s, c) {
                return s.replace(/{(\w+)}/g, function(m, p) {
                    return c[p];
                })
            }
        return function(table, name) {
            if(!table.nodeType)
                table = document.getElementById(table)
            var ctx = {
                worksheet: name || 'Worksheet',
                table: table.innerHTML
            }
            window.location.href = uri + base64(format(template, ctx))
        }
    })()
</script>